/*
    Skin Blue 
    ---------
*/
/* skin-singular navbar */
.skin-singular .navbar {
    background-color: #008678;
}
.skin-singular .navbar .nav a {
    color: rgba(255, 255, 255, 0.8);
}
.skin-singular .navbar .nav > li > a:hover,
.skin-singular .navbar .nav > li > a:active,
.skin-singular .navbar .nav > li > a:focus,
.skin-singular .navbar .nav .open > a,
.skin-singular .navbar .nav .open > a:hover,
.skin-singular .navbar .nav .open > a:focus {
    background: rgba(0, 0, 0, 0.1);
    color: #f6f6f6;
}
.skin-singular .navbar .navbar-right > .nav {
    margin-right: 10px;
}
.skin-singular .navbar .sidebar-toggle .icon-bar {
    background: rgba(255, 255, 255, 0.8);
}
.skin-singular .navbar .sidebar-toggle:hover .icon-bar {
    background: #f6f6f6 !important;
}
/* skin-singular logo */
.skin-singular .logo {
    background-color: #008678;
    color: #f9f9f9;
}
.skin-singular .logo > a {
    color: #f9f9f9;
}
.skin-singular .logo:hover {
    background: #008678;
}
/* skin-singular content header */
.skin-singular .right-side > .content-header {
    background: #fbfbfb;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}
/* skin-singular user panel */
.skin-singular .user-panel > .image > img {
    border: 1px solid #dfdfdf;
}
.skin-singular .user-panel > .info,
.skin-singular .user-panel > .info > a {
    color: #555555;
}
/* skin-singular sidebar */
.skin-singular .sidebar {
    border-bottom: 1px solid #fff;
}
.skin-singular .sidebar > .sidebar-menu > li {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #dbdbdb;
}
.skin-singular .sidebar > .sidebar-menu > li:first-of-type {
    border-top: 1px solid #dbdbdb;
}
.skin-singular .sidebar > .sidebar-menu > li:first-of-type > a {
    border-top: 1px solid #fff;
}
.skin-singular .sidebar > .sidebar-menu > li > a {
    margin-right: 1px;
}
.skin-singular .sidebar > .sidebar-menu > li > a:hover,
.skin-singular .sidebar > .sidebar-menu > li.active > a {
    color: #222;
    background: #f9f9f9;
}
.skin-singular .sidebar > .sidebar-menu > li > .treeview-menu {
    margin: 0 1px;
    background: #f9f9f9;
}
.skin-singular .left-side {
    background: #f4f4f4;
    -webkit-box-shadow: inset -3px 0px 8px -4px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset -3px 0px 8px -4px rgba(0, 0, 0, 0.1);
    box-shadow: inset -3px 0px 8px -4px rgba(0, 0, 0, 0.07);
}
.skin-singular .sidebar a {
    color: #555555;
}
.skin-singular .sidebar a:hover {
    text-decoration: none;
}
.skin-singular .treeview-menu > li > a {
    color: #777;
}
.sidebar .sidebar-menu .treeview-menu > li.active{
    background: #eeeeee;
}
.skin-singular .treeview-menu > li.active > a,
.skin-singular .treeview-menu > li > a:hover {
    color: #111;
}
.skin-singular .sidebar-form {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #dbdbdb;
    margin: 10px 10px;
}
.skin-singular .sidebar-form input[type="text"],
.skin-singular .sidebar-form .btn {
    box-shadow: none;
    background-color: #fafafa;
    border: 1px solid #fafafa;
    height: 35px;
}
.skin-singular .sidebar-form input[type="text"] {
    color: #666;
    -webkit-border-top-left-radius: 2px !important;
    -webkit-border-top-right-radius: 0 !important;
    -webkit-border-bottom-right-radius: 0 !important;
    -webkit-border-bottom-left-radius: 2px !important;
    -moz-border-radius-topleft: 2px !important;
    -moz-border-radius-topright: 0 !important;
    -moz-border-radius-bottomright: 0 !important;
    -moz-border-radius-bottomleft: 2px !important;
    border-top-left-radius: 2px !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 2px !important;
}
.skin-singular .sidebar-form input[type="text"]:focus,
.skin-singular .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
    background-color: #fff;
    color: #666;
}
.skin-singular .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
    border-left-color: #fff;
}
.skin-singular .sidebar-form .btn {
    color: #999;
    -webkit-border-top-left-radius: 0 !important;
    -webkit-border-top-right-radius: 2px !important;
    -webkit-border-bottom-right-radius: 2px !important;
    -webkit-border-bottom-left-radius: 0 !important;
    -moz-border-radius-topleft: 0 !important;
    -moz-border-radius-topright: 2px !important;
    -moz-border-radius-bottomright: 2px !important;
    -moz-border-radius-bottomleft: 0 !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 2px !important;
    border-bottom-right-radius: 2px !important;
    border-bottom-left-radius: 0 !important;
}